@import "common.less";
@import "fonts.less";

.vote-wraper{
  .vote-header{
    width: 100%;
    background:#0065b1;
    padding:4%;
    text-align: center;
    color:#fff;
    img{
      display: inline-block;
      width: 40%;
    }
    p{
      margin-top:1%;
      font-size:0.875rem;
      line-height:1.4;
    }
  }
  .vote-tips{
    margin:3%;
    background:#fff5de;
    line-height:1.5;
    padding:3%;
    border:1px solid #fbdf8b;
    color:#795527;
  }
  .vote-item-list{
    li{
      border-bottom:1px solid #d5d5d5;
      padding:4%;
      background:#fff;
      font-size:0.875rem;
      .tb-mode{
        width: 100%;
      }
      .tb-cell{
        padding:0 2%;
      }
      .item-index{
        width: 10%;
        font-size:1rem;
        color:#d2d2d2;
      }
      .item-describ{
        width: 60%;
      }
      .item-btn{
        width: 30%;
      }
      .text-color-blue{
        color:#0065b1;
      }
      .item-btn a{
        display: block;
        border-radius: 5px;
        background:#6fc053;
        padding:10% 4%;
        color:#fff;
        text-align: center;
      }
      .item-btn a.isVoted{
        background:#989a98
      }
    }
    li:first-child{
      border-top:1px solid #d5d5d5;
    }
  }
  .vote-img-description{
    padding:0 4% 4% 4%;
    li{
      height: 240px;
      border:1px solid #d5d5d5;
      width: 49%;
      margin-bottom:2%;
      .item-index{
        margin-right:2%;
      }
      .item-btn{
        width: auto;
        a{
          padding: 10px 0;
        }
      }
      .item-title{
        height: 34px;
        overflow: hidden;
      }
      .item-thumb{
        height: 120px;
        display: block;
        margin:10px 0;
        img{
          height: 100%;
        }
      }
    }
    li:nth-child(odd) {
      float:left;
    }
    li:nth-child(even) {
      float:right
    }
  }
}
.md-content > div p span{
  display: block;
  height: 120px;
  overflow: auto;
}


.tb-mode{
  width: 100%;
  display: table;
}
.tb-cell{
  display: table-cell;
  vertical-align: middle;
}
.content {
  position: relative
}
.location {
  background-color: #0065b1;
  width: 100%;
  height: 45px;
  text-align: center;
  color: #fff;
  line-height: 45px;
}
.return {
  width: 12px;
  display: block;
  position: absolute;
  left: 16px
}
.return img {
  margin-top: 10px;
}
.vote-list{
  color: #444;
  padding: 10px;
  background: #fff;
  border-bottom: 1px solid #d5d5d5;
  &:visited{
    color: #444;
  }
}
.ct_list_left {
  width: 50px;
  height: 50px;
  color: #fff;
  text-align: center;
  background-color: #0065b1;
}
.month{
  font-size: 16px;
}
.rcd_list_right {
  padding: 0 6px;
  line-height: 1.5;
}

.rcd_list_right span {
  color: #676767;
  font-size: 12px;
  margin-right: 15px;
}

.list-container{
  .item {
    width: 44%;
    float: left;
    padding: 10px;
    background: #fff;
    overflow: hidden;
    margin: 0 0 3% 4%;
    border: 1px solid #d5d5d5;
    .item-title{
      .item-index {
        width: 10%;
        font-size: 18px;
        color: #d2d2d2;
      }
    }
    .item-thumb{
      margin: 10px 0;
    }
    .item-btn a {
      display: block;
      border-radius: 5px;
      background: #6fc053;
      padding: 10% 4%;
      color: #fff;
      text-align: center;
    }
    .item-btn a.isVoted {
      background: #989a98;
    }
  }
}

.nonelist{
  width: 60%;
  margin: 20% auto 0;
}

/*loading*/
.scrm-loadding {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
}
#gb-loading {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 10000;
}
#gb-loading rect {
  fill: #fff;
}
